<template>
	<u-popup v-model="isShow" mode="center" width="636" height="908" :isScroll="false" :mask-close-able="false">
		<view class="promote-popup">
			<view class="promote-popup-main">
				<view class="title">
					助力成功
				</view>
				<view class="content-top">
					送你一张<text style="color:#F18453">会员卡</text>
				</view>
				<view class="content-bottom">
					邀请好友即可获得会员权益
				</view>
				<button class="popup-btn get-vip" @click="$u.route({url:'/pages/promote/promote'})">领取会员卡</button>
				<button class="popup-btn back" @click="$u.route({url:'/pages/home/home',type:'switchTab'})">返回首页</button>
			</view>
		</view>
	</u-popup>
</template>

<script>
	export default {
		options: {
			styleIsolation: 'shared'
		},
		data() {
			return {
				isShow: false,
			}
		},
		methods:{
			show(){
				this.isShow = true;
			}
		}
	}
</script>

<style scoped lang="scss">
	@import "./promotePopup.scss";
</style>
